---
slug: ../Link
---

import Basic from "../../_samples/main/Link/Basic/Basic.md";
import Design from "../../_samples/main/Link/Design/Design.md";
import TextWrapping from "../../_samples/main/Link/TextWrapping/TextWrapping.md";
import CustomStyling from "../../_samples/main/Link/CustomStyling/CustomStyling.md";
import WithIcons from "../../_samples/main/Link/WithIcons/WithIcons.md";

<%COMPONENT_OVERVIEW%>

## Basic Sample
<Basic />

<%COMPONENT_METADATA%>

## More Samples

### Design
The Link supports <b>Default</b>, <b>Subtle</b> and <b>Emphasized</b> designs.

<Design />

### Text Truncation and Wrapping
The ui5-link wraps by default. To truncate it - set <b>wrapping-type="None"</b>.

<TextWrapping />

### Custom Styling
The links can be customized with pure CSS, applied on the tag.

<CustomStyling />

### Icons
You can add icons to the Link.

<WithIcons />